<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/app-index.css" rel="stylesheet">
</head>
<body onresize="setBgHeight();">
	<div class="container-fluid bgContainer" id="bgContainer">
		<!--导航栏-->
		<div class="row">
			<nav class="navbar col-md-8 col-md-offset-2">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed"
						data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#" id="title"><span
						class="glyphicon glyphicon-king"></span> My Resume</a>
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><span class="btn-lee" data-toggle="modal"
							style="outline: none;" data-target="#myModal">登陆</span></li>
						<li><span class="btn-lee" data-toggle="modal"
							style="outline: none;" data-target="#regModal">注册</span></li>
					</ul>
				</div>
			</div>
			</nav>
		</div>
		<!--中部文字-->
		<div class="row">
			<div class="col-md-8 col-md-offset-2">
				<h4>互联网求职新门户</h4>
				<h1 class="centerTitle">在我聘网找到你的位置</h1>
			</div>
			<div class="col-md-4 col-md-offset-2" style="margin-top: 50px;">
				<a class="btn-more">FINDOUT MORE<span
					class="glyphicon glyphicon-arrow-down"></span></a> <span
					class="btn-join" style="float: right; outline: none;"
					data-toggle="modal" data-target="#myModal">即刻出发</span>
			</div>
		</div>
	</div>

	<!--模态框  Login-->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel" style="color: #000;">
						登录并进入个人中心 <small id="error" style="color: red; margin-left: 15px;"></small>
					</h4>
				</div>
				<div class="modal-body">
					<form>
						<div class="form-group">
							<label for="recipient-name" class="control-label">Your
								Email:</label> <input type="text" class="form-control" name="email"
								placeholder="XXX@mail.com">
						</div>
						<div class="form-group">
							<label for="message-text" class="control-label">Your
								Password:</label> <input type="password" class="form-control"
								name="password" placeholder="在这里输入你的密码">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="LogIn">确认</button>
				</div>
			</div>
		</div>
	</div>
	<!--模态框  Register-->
	<div class="modal fade" id="regModal" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="exampleModalLabel" style="color: #000;">
						注册我聘网账号 <small id="reg_error"
							style="color: red; margin-left: 15px;"></small>
					</h4>
				</div>
				<div class="modal-body">
					<form>
						<div class="form-group">
							<label for="recipient-name" class="control-label">Your
								Email:</label> <input type="text" class="form-control" name="reg_email"
								placeholder="XXX@mail.com">
						</div>
						<div class="form-group">
							<label for="message-text" class="control-label">Your
								Password:</label> <input type="password" class="form-control"
								name="reg_password" placeholder="在这里输入你的密码">
						</div>
						<div class="form-group">
							<label for="message-text" class="control-label">Your
								Password:</label> <input type="password" class="form-control"
								name="reg_password_again" placeholder="再次输入你的密码">
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="Register">确认</button>
				</div>
			</div>
		</div>
	</div>
	<!--JS-->
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/login.js"></script>
	<script src="js/register.js"></script>
	<script type="text/javascript">
		function setBgHeight() {
			var wHeight = $(window).height();
			$("#bgContainer").height(wHeight);
		}
		$(document).ready(function() {
			setBgHeight();
		});
	</script>
</body>
</html>